<template>
    <div class="container-page">
        <top-menu></top-menu>
        <div class="main">
            <slide-menu></slide-menu>
            <div class="right-panel">
                <router-view />
            </div>
        </div>
    </div>
</template>

<script>
    import SlideMenu from "./useComps/slideMenu";
    import TopMenu from "./useComps/topMenu";
    export default {
        name: "useHome",
        components: {TopMenu, SlideMenu}
    }
</script>

<style scoped lang="stylus">
.container-page{
    .main{
        display flex
        justify-content flex-start
        width: 100%;
        .right-panel{
            width calc(100% - 240px);
            background #fafafa
            overflow: auto;
            height: calc(100vh - 60px);
        }
    }
}
</style>
